<template>
    
  <div class="my">
    <div class="header">
      <img src="../../assets/back.jpg" alt="" />
      <p>猫眼电影</p>
    </div>
    <CenterTop />

    <router-view></router-view>
  </div>
</template>




<script>
import CenterTop from "../../components/CenterTop";
export default {
  data() {
    return {};
  },
  components: {
    CenterTop,
  },
  mounted() {},
};
</script>



<style type="text/scss" lang='scss' scoped>
.my {
  width: 100%;
  height: 100%;
  .header {
    width: 100%;
    height: 60px;
    background-color: #df2d2d;
    vertical-align: middle;
    img {
      width: 30px;
      height: 30px;
      padding-left: 8px;
      padding-top: 8px;
    }
    p {
      font-size: 18px;
      color: aliceblue;
      text-align: center;
      margin-top: -30px;
    }
  }
}
</style>
